:root {
  --header-height: 56px;

  --title-text-color: rgba(10, 11, 13, 0.92);
  --main-text-color: rgba(0, 0, 0, 0.64);
  --text-color-1: var(--title-text-color);
  --text-color-2: var(--main-text-color);
  --text-color-3: rgba(0, 0, 0, 0.4);
  --text-color-4: rgba(0, 0, 0, 0.24);
  --dashed-color: #e9ebed;
  --grey-color: #979797;

  --danger-color: #EB2334;
  --primary-color: #12B36D;
  --primary-color-hover: #12B36D;
  --primary-color-active: #12B36D;

  --link-color: var(--primary-color);

/* 状态文本颜色色 */
  --status-color-1: #E0B803;
  --status-color-2: #E68805;
  --status-color-3: #12B36D;
  --status-color-4: #22A4E6;
  --status-color-5: #2548F5;
  --status-color-6: #9918F5;
  --status-color-7: #E6483A;
  --status-color-8: #b5b5b5;

  --nav-menu-width: 208px;

  --component-spacing: 16px;
}

